/**
 * 一个在新标签页打开的链接，进行了妥善配置以保证安全和避免性能影响
 * （直接打开新标签页，如果新标签页卡顿有可能连累当前页面）
 */
import { forwardRef } from 'react'

type Props = React.DetailedHTMLProps<
  React.AnchorHTMLAttributes<HTMLAnchorElement>,
  HTMLAnchorElement
>

const Link = forwardRef<HTMLAnchorElement, Props>(function Link(props, ref) {
  const { href, children, ...restProps } = props
  return <a target="_blank" rel="noreferrer" href={href} {...restProps} ref={ref}>
    {children ?? href}
  </a>
})
export default Link
